<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>
	<ui:composition template="/XHTML/CommonColumnsContent.xhtml">
		<ui:define name="header">
			<ui:include src="/WEB-INF/facelets/header.jspx" />
		</ui:define>
		<br />
		<br />

		<ui:define name="body">
			<f:view>
				<!--  	<p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>               
					<p:dialog modal="true" widgetVar="statusDialog" header="Loading"  draggable="false" closable="false">  
   						<p:graphicImage value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />   
					</p:dialog>   -->

				<h:form>
					
					<br />
					<br />
					<br />
					<br />
					<br />
					<br />
					<br />
					<br />
					
					<div align="right">
						<h:commandButton  image="/images/off.png"  action="#{ingresarEventoView.cerrarSesion}" />
					</div>
					
					<div align="center">
						<h:link id="cmdBack" outcome="goVolver" value="Volver"
							style="color:blue;" />
					</div>
					
					
					
					<p:panel id="msgProjectIngresoEventoTitle" header="IngresoEvento">
						<p:messages id="msg" showDetail="true" />
                         
						<p:poll interval="3"
							listener="#{ingresarEventoView.actionPollEvento}" update="evt" />
						
						<p:focus for="membresia" />

						<h:panelGrid columns="3">

							<h:outputText value="Persona que Registra" />
							<p:inputText readonly="true"
								binding="#{ingresarEventoView.txtPersonaRegistra}" />
							<br/>	
							<h:outputText value="Evento" />
							<p:inputText id="evt" readonly="true"
								value="#{ingresarEventoView.stringEvento}" />
							<br/>	
							<h:outputText value="Número membresía" />
							<p:inputText id="membresia"
								binding="#{ingresarEventoView.membresia}" >								
							</p:inputText>
							
							
							<p:commandButton action="#{ingresarEventoView.consultarUsuario}" oncomplete="cliente.show();" update="@form" icon="ui-icon-wrench"/>
							 
						</h:panelGrid>
						
						<p:defaultCommand target="registrar" />
						
						<p:commandButton   style="display:none" id="registrar" action="#{ingresarEventoView.registraceEnEvento}" update="@form" />
						
						
					</p:panel>

					<p:dialog widgetVar="cliente" position="center">

						
							<f:facet name="header">
								<h:outputText value="FORMULARIO DE AFILIACIÓN MEMBRESIA VrooM" />
							</f:facet>
						

						<p:ajax event="close"
							listener="#{ingresarEventoView.acionCloseDialog}" update="@form" />


						<p:graphicImage value="/images/logo.jpg" />
						
						<div align="center">
						<h:panelGrid columns="2">
						<h:outputText style="size:120; font-size:30px; font-weight: bold " value="FECHA INGRESO" />	
						<h:outputText style="size:120; font-size:30px; font-weight: bold " value="#{ingresarEventoView.fechaIngreso}" />
						</h:panelGrid>	
						</div>	
						
						<br/>
						<br/>
						
						<h:panelGrid columns="6">
							<h:outputText value="Fecha de Afiliación" style="width:140px" />
							<p:inputText style="width:140px"/>
							<h:outputText value="Ciudad" />
							<p:inputText style="width:140px" binding="#{ingresarEventoView.txtCiudad}" />
							<h:outputText value="Declaro que soy mayor de edad: "
								style="width:140px" />
							<p:inputText style="width:140px" binding="#{ingresarEventoView.txtMayorEdad}"/>


							<h:outputText value="Nombres y Apellidos" style="width:140px" />
							<p:inputText style="width:140px" binding="#{ingresarEventoView.txtNombresApellidos}" />

							<h:outputText value="Sexo" style="width:140px" />
							<p:inputText style="width:140px" binding="#{ingresarEventoView.txtSexo}"/>
							<h:outputText value="Tipo Doc. Identificacion:"
								style="width:140px" />
							<p:inputText style="width:140px" readonly="true" binding="#{ingresarEventoView.txtTipoDocumento}"/>

							<h:outputText value="Número" style="width:140px" />
							<p:inputText style="width:140px" binding="#{ingresarEventoView.txtNumero}" />
							
							<h:outputText value="Lugar Nacimiento:" style="width:140px" />
							<p:inputText style="width:140px" binding="#{ingresarEventoView.txtLugarNacimiento}" />
							
							<h:outputText value="Fecha de nacimiento:" style="width:140px" />
							<p:inputText style="width:140px" binding="#{ingresarEventoView.txtFechaNacimiento}" />
							
							<h:outputText value="Estado Civil:" style="width:140px" />
							<p:inputText style="width:140px" binding="#{ingresarEventoView.txtEstadoCivil}" />
							
							<h:outputText value="Ciudad Residencia:" style="width:140px" />
							<p:inputText style="width:140px" binding="#{ingresarEventoView.txtCiudadResidencia}" />
							
							<h:outputText value="Dirección Residencia:" style="width:140px" />
							<p:inputText style="width:140px" binding="#{ingresarEventoView.txtDireccionResidencia}"/>
							
							<h:outputText value="Tel Residencia:" style="width:140px"/>
							<p:inputText style="width:140px" binding="#{ingresarEventoView.txtTelefonoResidencia}"/>
							
							<h:outputText value="Tel Oficina:" style="width:140px"/>
							<p:inputText style="width:140px" binding="#{ingresarEventoView.txtTelefonoOficina}"/>
							
							<h:outputText value="Celular:" style="width:140px"/>
							<p:inputText style="width:140px" binding="#{ingresarEventoView.txtCelular}"/>
							
							<h:outputText value="Pin BlackBerry:" style="width:140px"/>
							<p:inputText style="width:140px" binding="#{ingresarEventoView.txtPinBlackBerry}"/>
							
							<h:outputText value="E-mail:" style="width:140px"/>
							<p:inputText style="width:140px" binding="#{ingresarEventoView.txtEmail}"/>
							
							<h:outputText value="Nivel educativo:" style="width:140px"/>
							<p:inputText style="width:140px" binding="#{ingresarEventoView.txtNivelEducativo}" />
							
							<h:outputText value="Profesión-Actividad:" style="width:140px"/>
							<p:inputText style="width:140px" binding="#{ingresarEventoView.txtProfesionActividad}"/>
							
							<h:outputText value="Empresa donde trabaja:" style="width:140px"/>
							<p:inputText style="width:140px" binding="#{ingresarEventoView.txtEmpresa}" />
							
							<h:outputText value="Dirección Empresa:" style="width:140px"/>
							<p:inputText style="width:140px" binding ="#{ingresarEventoView.txtDireccionEmpresa}"/>
							
							<h:outputText value="¿Donde conoció la Membresia VroomM?:" style="width:140px"/>
							<p:inputTextarea binding="#{ingresarEventoView.txtDondeConocio}"/>
							
							<h:outputText value="Música Preferida:" style="width:140px"/>
							<p:inputTextarea binding="#{ingresarEventoView.txtMusicaPreferida}"/>
							
							<h:outputText value="Deporte Preferido:" style="width:140px"/>
							<p:inputTextarea binding="#{ingresarEventoView.txtDeportePreferido}"/>
							
							<h:outputText value="Pagina en internet que mas visita:" style="width:140px"/>
							<p:inputTextarea binding="#{ingresarEventoView.txtPaginaInternet}"/>
							
							<h:outputText value="Artista que quisiera ver en vivo:" style="width:140px"/>
							<p:inputTextarea binding="#{ingresarEventoView.txtArtista}"/>
							
							<h:outputText value="Revista que mas lee:" style="width:140px"/>
							<p:inputTextarea binding="#{ingresarEventoView.txtRevista}"/>
							
						</h:panelGrid>




					</p:dialog>

				</h:form>
			</f:view>
		</ui:define>

		<ui:define name="footer">
			<ui:include src="/WEB-INF/facelets/footer.jspx" />
		</ui:define>
	</ui:composition>
</h:body>

</html>
